<nz-layout>
  <nz-header>
    <span style="float: right">
      <button nz-button [nzType]="'default'" nzGhost routerLink="/account/login" >
        <span>登录</span>
      </button>
       <button nz-button [nzType]="'dashed'" nzGhost routerLink="/account/reg" >
        <span>注册</span>
      </button>
      <button nz-button [nzType]="'danger'" nzGhost >
        <span>注销</span>
      </button>
    </span>
  </nz-header>
  <nz-content style="padding:0 50px;background: #fff;height: calc( 100vh - 130px); display: flex;justify-content: center;align-items: center;">
    <div style="text-align: center">
      <h1 style="font-size: 99px">
        Online Examination
      </h1>
      <button nz-button [nzType]="'primary'" [nzSize]="'large'" routerLink="/exam-center/examlist">
        <span>Get Started <i class="anticon anticon-right-circle"></i></span>
      </button>
    </div>

  </nz-content>
  <nz-footer style="text-align: center;">Ant Design ©2017 Implement By Angular</nz-footer>
</nz-layout>
<!--<a class="item" routerLink="home" routerLinkActive="active">{{'index.home'|translate}}</a>-->
<!--<a class="item" routerLink="desc" routerLinkActive="active">{{'index.desc'|translate}}</a>-->
<!--<a class="item" routerLink="aff" routerLinkActive="active">{{'index.aff'|translate}}</a>-->
<!--<a class="item" routerLink="about" routerLinkActive="active">{{'index.about'|translate}}</a>-->
<!--<a class="item" routerLink="contact" routerLinkActive="active">{{'index.contact'|translate}}</a>-->
<!--<div class="right item">-->
<!--<a class="ui inverted button" routerLink="/account/login" routerLinkActive="active">{{'account.login'|translate}}</a>-->
<!--<a class="ui inverted button" routerLink="/account/reg"-->
<!--routerLinkActive="active">{{'account.reg'|translate}}</a>-->
<!--</div>-->



